<template>
    <div>
        child
        <!-- 注意: 子传父通信中 无法实现热更新 -->
        <button @click="handleClick">click</button>
    </div>
</template>

<script>
export default {
    data(){//状态
        return {
            msg: 'hello'
        }
    },
    methods: {
        handleClick(){   //子组件中绑定的元素事件
            this.$emit('aaa',this.msg)   // this.$emit()固定语法  第一个参数'aaa'是父组件中自定义的事件
            //第二个参数非必须,可以将data()状态中的属性传入到父组件中使用
        }
    }
}
</script>
<style scoped>
    div{
        background-color: yellow;
    }
</style>